import axios from 'axios'
import store from '@/store/index.js'
import router from '@/router/auth.js'
import JSONBig from 'json-bigint'
// 同一个项目中可能需要向不同的服务器发送请求,所以需要设置的不同的基地址
const instance = axios.create({
  baseURL: 'http://ttapi.research.itcast.cn'
})
const instance1 = axios.create({
  baseURL: 'http://ttapi.research.itcast.cn',
  // 处理bigint的方式
  transformResponse: [function (data) {
    try {
      return JSONBig.parse(data)
    } catch (err) {
      return data
    }
  }]
})
// 设置请求拦截器  在请求之前将token加载到header上
instance1.interceptors.request.use((config) => {
  // console.log('请求之前');
  // 请求之前获取token之后 并将其设置在请求头上
  const token = store.state.tokenInfo.token
  config.headers.Authorization = `Bearer ${token}`
  return config
}, (err) => {
  return Promise.reject(err)
})
// 响应拦截器的使用 在请求数据返回之前都会到这里
instance1.interceptors.response.use(function (response) {
  return response
}, async function (error) {
  if (error.response && error.response.status === 401) {
    const refreshToken = store.state.tokenInfo.refresh_token
    // 判断是否有refremtoken的值
    if (refreshToken) {
      try {
        // 1.用refresh_token再发请求 重新取一个新的有效期为2小时的token
        const res = await axios({
          method: 'PUT',
          url: 'http://ttapi.research.itcast.cn/app/v1_0/authorizations',
          headers: {
            Authorization: `Bearer ${refreshToken}`
          }
        })
        const newToken = res.data.data.token
        // 2.更新到vuex
        store.commit('mSetTokenInfo', {
          refresh_token: refreshToken,
          token: newToken
        })
        // 3. 重新使用创建的axios实例 用本次错误请求的配置项 再发一次
        return instance1(error.config)
      } catch (error) {
        router.push({
          path: '/login',
          query: {
            backto: router.currentRoute.fullPath
          }
        })
      }
    } else {
      // 直接回去登录页
      router.push('/login?backto=' + router.currentRouter.fullPath)
    }
  }
  return Promise.reject(error)
})
export { instance1, instance }
export default instance1
